<%@ page contentType="text/html; charset=utf-8" language="java"
	import="java.sql.*" errorPage=""%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品详情－${goods.goodsName }</title>

<style type="text/css">
* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

ul {
	list-style: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

#top {
	width: 907px;
	height: 22px;
	background: #EEE;
	margin: 0 auto;
	line-height: 22px;
	font-size: 12px;
}

#logo {
	width: 907px;
	height: 91px;
	margin: 0 auto;
}

#logo_right {
	float: right;
	margin-right: 60px;
	height: 40px;
}

#logoPic {
	width: 127px;
	float: left;
}

#search {
	height: 70px;
}

.stext {
	background: url(images/sss.jpg);
	width: 368px;
	height: 38px;
	padding-left: 10px;
	border: 0;
	margin-top: 34px;
}

.sbtn {
	background: url(images/bb.jpg);
	width: 94px;
	border: 0px;
	margin-left: 10px;
	height: 37px;
	visibility: visible;
}

#searchKey {
	font-size: 12px;
	margin-top: 5px;
	margin-left: 15px;
	font-family: "宋体";
}

#navOut {
	clear: both;
	width: 907px;
	background: #F9AD0A;
	margin: 0 auto;
}

#nav ul li {
	float: left;
	width: 100px;
}

#nav {
	width: 907px;
	margin: 0 auto;
	height: 35px;
	line-height: 35px;
	text-align: center;
}

.sy {
	background: url(images/sy.jpg);
	width: 125px;
}

#nav_tip {
	width: 907px;
	margin: 0 auto;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
}

#main {
	width: 907px;
	height:auto !important;
height:450px; 
min-height:450px; 
	border: #CCC solid 1px;
	margin: 0 auto;
}

#bigPic {
	margin-top: 10px;
	margin-left: 10px;
}

#bigPic,#smallPic {
	border-right: #CCC solid 1px;
}

#main_left {
	float: left;
}

#main_right {
	width: 580px;
	float: right;
	padding-top: 20px;
}

#main_right_content {
	width: 560px;
	margin: 0 auto;
}

#main_right_content ul li {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

#main_right_content ul {
	padding-top: 10px;
}
#main_desc {
	display: inline-block;
	padding-top: 40px;
}
.price {
	color: #FF6600;
	font-size: 14px;
	height: auto;
	width: 907px;
}

.btn {
	border: 0;
	width: 20px;
	height: 20px;
}

.num {
	border: 1px solid #000;
	width: 20px;
	height: 18px;
	text-align: center;
}

.STYLE3 {
	font-size: 16px;
	height: auto;
	width: auto;
}

.STYLE4 {
	font-size: 14px
}

.STYLE5 {
	font-size: 14px;
	height: auto;
	width: auto;
}

#navTop {
	width: 907px;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background: #EEE;
}

#second {
	font-size: 13px;
	width: 440px;
	float: right;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

#first {
	float: left;
}

.toplinkul {
	float: left;
	width: auto;
	text-align: center;
	margin-right: 10px;
}

.spaceli {
	width: 8px;
	float: left;
	text-align: center;
	color: #ddd;
}

#content {
	width: 907px;
	margin: 12px auto;
}
#Layer1 {
	position:absolute;
	width:901px;
	height:115px;
	z-index:1;
	left: 102px;
	top: 556px;
}
</style>

<script language="javascript">
<!--
	function cnt(btn) {
		txt = document.getElementById("digital");
		if (btn.value == "+") {

			txt.value = parseInt(txt.value) + 1;
		} else {
			if (parseInt(txt.value) > 1) {
				txt.value = parseInt(txt.value) - 1;
			}
		}

	}
//-->
</script>
</head>


<body>
	<div id="content">
		<div id="navTop">
			<div id="first"></div>
			<div id="second">
				<ul>
					<li class="toplinkul" style="width: auto;">您好，${sessionScope.user.userName }</li>
					<li class="spaceli">|</li>
					<li class="toplinkul"><a href="login.do?userAction=logout">退出系统</a></li>
					<li class="spaceli">|</li>
					<li class="toplinkul"><a href="userorderslist.do">我的订单</a></li>
					<li class="spaceli">|</li>
					<li class="toplinkul"><a href="shopcartmanager.do">购物车</a></li>
					<li class="spaceli">|</li>
					<li class="toplinkul"><a href="#">客服电话</a></li>
					<li class="spaceli">|</li>
					<li class="toplinkul"><a href="#">加入我们</a></li>
				</ul>
		  </div>
		</div>
		<div id="logo">
			<div id="logoPic">
				<img src="logo/zhuyelogo.jpg" width="354" height="90" />			</div>
			<div id="logo_right">
			  <div id="search">
					<input type="text" name="setxt" class="stext" />
			  </div>
			</div>
		</div>

		<div id="navOut">
			<div id="nav">
				<ul>
					<li class="sy" style="width: 126px; text-align: left;">&nbsp;&nbsp;全部商品</li>
					<li><a href="homepage.do">首页</a></li>
					<li>热门套餐</li>
					<li>奶茶</li>
					<li>小吃</li>
					<li>绿茶</li>
				</ul>
			</div>
		</div>
		<div id="nav_tip">首页 > 饮品 > 果汁</div>

		<div id="main">
			<div id="main_left">
				<div id="bigPic">
					<img width="300" height="200" src="${goods.goodsPictureUrl }" />
				</div>
				<!--  <div id="smallPic"><img src="images/spic.jpg" /></div> -->
			</div>

			<div id="main_right">
				<div id="main_right_content">
					<h3>商品名称：${goods.goodsName }</h3>
					<ul>
						<li>价&nbsp;&nbsp;&nbsp;&nbsp;格：<span class="price">￥${goods.retailPrice }</span></li>
						<li>容&nbsp;&nbsp;&nbsp;&nbsp;量：200ml/杯</li>
						<li>含&nbsp;&nbsp;&nbsp;&nbsp;量：200g</li>
						<li>商品编号：${goods.goodsNumber}</li>
						<li>是否支持礼品包装：是</li>
						<li>预计送达时间：10min</li>
						<li>库存量：${goods.goodsInventory }</li>
						<li>数&nbsp;&nbsp;&nbsp;&nbsp;量：<input class="btn"
							type="button" value="+" onclick="cnt(this)" /><input class="num"
							id="digital" type="text" value="1" /><input class="btn"
							type="button" value="-" onclick="cnt(this)" /></li>
						<li><a href="addshopcart.do?id=${goods.id }&amount=1">加入购物车</a></li>
					</ul>

				</div>
			</div>
			<div id="main_desc">
			${goods.goodsDesc }
			</div>
		</div>
			
		
		<div>
		<hr align="center" width="907" color="#FF6600" class="price" />
		<p>&nbsp;</p>
		<p align="center">
			<br /> <span class="STYLE4">公司简介&nbsp; |&nbsp;&nbsp; Investor
				Relations&nbsp; |&nbsp; 诚征英才&nbsp; |&nbsp; 网站联盟&nbsp; |&nbsp;
				广告服务&nbsp; |&nbsp; 文化沙龙招商&nbsp; |&nbsp; 机构销售&nbsp; |&nbsp;
				手机文化沙龙&nbsp; |&nbsp; 官方 Blog </span>		</p>
		<p align="center" class="STYLE4">&nbsp;</p>
		<div align="center"><span class="STYLE4">Copyright © 2014-2015 文化沙龙 版权所有
		  增值电信业务经营许可证蒙B2-20120030 </span>
		  </div>
		<p class="STYLE5">&nbsp;</p>
		<p class="STYLE3">&nbsp;</p>
	</div>
	</div>



</body>
</html>